import React, { Component } from 'react'

export default class News extends Component {
  componentDidMount() {
    console.log('111111111111---------')
    this.timer = setTimeout(() => {
      let res = window.confirm('是否跳转到Message组件？');
      if(res) {
        this.props.hsitory.push('/home/message')
      }
    }, 2000);
  }

  // 注意：如果，这儿不清除，会有两个confirm弹窗，因为：React 会故意在开发环境下对组件进行双重挂载
  // React 团队引入这个机制是为了帮助开发者提前发现潜在的问题。通过模拟组件的快速挂载和卸载
  // 让开发者提前发现潜在的问题。强制开发者在 componentWillUnmount 中清理 componentDidMount 中创建的所有资源。
  componentWillUnmount() {
    clearTimeout(this.timer);
  }

  render() {
    return (
      <div>
        News组件内容
      </div>
    )
  }
}
